<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
@html_name: 01模块化
@description: The past cannot be redeemed, the future can be changed.
@author: Jason Black
@create: 2023/6/27 08:18:24
-->
<script type="module">
    // 1.模块导入---通用导入
    // import * as m1 from "./module01.js"
    // console.log(m1)

    // 2.模块导入---解构赋值形式 (解构赋值必须使用 ‘{}’)
    import {name,printName} from "./module01.js"
    console.log(name,printName)
    // 模块重名时可以通过取别名的方式来避免冲突
    import {name as m2_name,printName as m2_printName} from "./module02.js"
    console.log(m2_name,m2_printName)
    // 默认导入的固定写法 default 为保留关键字不允许使用
    import {default as m3} from "./module03.js"
    console.log(m3)
    // 3.模块导入---简便写法（仅仅针对默认暴露有效）
    import simple_m3 from "./module03.js"
    console.log(simple_m3)
</script>

</body>
</html>